﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>病例详情</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/component/personal-center/case-detail.css">

</head>
<body style="display:block">
    <div class="case-detail" id="case_detail">
        <div class="electronic-case">            
            <div class="head case-detail-head">               
                <p class="title">电子病例</p>
                <img class="download-img" v-on:click="downloadCase" src="/styles/image/icon/download.png">
                <a href="#" class="download" v-on:click="downloadCase">下载</a>                
            </div>
            <div class="case-info" id="case-info">                               
            </div>            
        </div>
        <div class="image-report" v-on:show="showPage">            
            <div class="head case-detail-head">                
                <p class="title">影像报告</p>               
            </div>
            <div class="image-report-info">                
                <div class="image-report-title flex">                  
                    <p class="ir-th">名称</p>
                    <p class="ir-th">科室</p>
                    <p class="ir-th">部位</p>
                    @*<p class="ir-th">大小</p>*@
                    <p class="ir-th">操作</p>                   
                </div>
                <div class="image-report-content flex" v-for="(item, index) in pageInfo.curPageRecord">                    
                    <p class="ir-th">{{item.reportName}}</p>
                    <p class="ir-th">{{item.checkDepartment}}</p>
                    <p class="ir-th">{{item.instance}}</p>
                    @*<p class="ir-th">11.2M</p>*@
                    <p class="ir-th view-btn">                       
                        <span v-on:click="view(index)">查看</span>                      
                    </p>                   
                </div>                
            </div>           
        </div>
        <div style="display: none" id="case-report">          
            <div class="black-cloth"></div>
            <div class="download-image">               
                <div class="head title">                    
                    <span>报告详情</span>
                    <i class="tip-no-cancel" v-on:click="closeDetail"></i>                    
                </div>
                <div class="body"><div id="report-detail" name="report-detail"></div></div>
                <div class="foot title">                   
                    <span v-on:click="DownLoadReportDetail">下载</span>                  
                </div>               
            </div>          
        </div>
        <div class="result-empty" id="result-empty">暂无数据</div>
        <clinic-page :page-param="showPageParam" style="display:none"></clinic-page>       
    </div>
    <script type="text/javascript" src="~/scripts/js/public/global.js"></script>
    <script type="text/javascript" src="~/scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/component/component.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>        
    <script type="text/javascript" src="~/scripts/js/component/personal-center/case-detail.js"></script> 
</body>
</html>
